/**
* @title: 头部图片
* @description:
* @author JUN
*/
<template>
	<view class="content">
		<view class="banner">
			<!-- banner图 -->
			<u-image class="bannerImg" width="100%" height="520" :src="imgUrl(enterprise.pic)"></u-image>
			<!-- <u-swiper 
				class="bannerImg" 
				width="100%" 
				height="470" 
				:list="[{
					image:imgUrl(enterprise.pic)
				}]"
			></u-swiper> -->
		</view>
		
		<view class="logoBox">
			<!-- 公司logo -->
			<view class="logo">
				<u-image width="175.5" height="100rpx" :src="imgUrl(enterprise.logo)"></u-image>
			</view>
			
			<!-- 公司名称 -->
			<view class="textBox">
				<text class="text">{{enterprise.ename}}</text>
			</view>
		</view>
	</view>

</template>

<script>
	import httpRequest from '@/api/apiConfig.js';
	import {
		createNamespacedHelpers
	} from 'vuex'
	const {
		mapState,
		mapMutations
	} = createNamespacedHelpers('userModule')

	export default {
		data() {
			return {
				// 头像
				src: require("../../../static/logo1.png"),
			}
		},
		computed: {
			...mapState(["enterprise"])
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		width: 100%;
		position: relative;
		
		.banner {
			// overflow: hidden;
			border-radius: 20rpx;
		}

		.logoBox{
			width: 100%;
			height: 100rpx;
			display: flex;
			justify-content: space-between;
			margin: 20rpx 0;
			
			
			.logo {
				border-top-right-radius: 25rpx;
				border-bottom-right-radius: 25rpx;
				// border-radius: 25rpx;
				overflow: hidden;
				// position: absolute;
				// bottom: -100rpx;
				// top: 0;
				// left: 30rpx;
				// width: 175.5rpx;
				
			}
			
			.textBox {
				width: 552.5rpx;
				height: 100rpx;
				line-height: 100rpx;
				box-sizing: border-box;
				background: #f43a3d;
				text-align: center;
				border-top-left-radius: 25rpx;
				border-bottom-left-radius: 25rpx;
				.text {
					font-weight: 500;
					color: #fff;
					font-size: 40rpx;
				}
			}
		}
	}
	
</style>
